<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        ajax_Post();
        function ajax_Post() {
            let xhr = new XMLHttpRequest();
            let url = 'http://newshopapi.0melon0.cn/api/login';
            xhr.open('POST', url);

            // html的时候 form ectype 设置post请求的数据格式
            // post 分情况上传内容
            // 如果是普通信息的时候，ectype 应该设置 application/x-www-form-urlencoded
            // 参数就会以字符串的形式发送到后台，后台会解析这样字符串去查询数据库的数据
            // 如果说上传的是一个文件，ectype 应该设置 mutilplate
            // 上传文件才能成功

            // 如果在ajax中设置这样的文件格式？
            // 通过设置请求头
            xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

            //post请求的参数就不放在url上而是放在请求体上了
            // 请求体在ajax中又应该放在那里呢？
            // 放在send(参数)
            // 参数a是以键值对形式存的字符串
            // 这个接口需要两个参数1.phone 2.password

            xhr.send("phone=18054233102&password=12345678");
            xhr.addEventListener('readystatechange', function() {
                if (xhr.readyState == 4) {
                    if (xhr.status== 200) {
                        console.log(xhr.responseText);
                    };
                };
            });
        };
    </script>
</body>
</html>